.ad{
    display: flex;
    flex-direction: column;
    // 广告标题
    .ad-title{
        width: 100%;
        height: 45px;
        text-align: center;
        line-height: 45px;
    }
    //主体内容
    .ad-content{
        height: 1px;
        flex-grow: 1;
        background: url(../../assets/images/advertisement-bg.jpg) no-repeat center top;
        background-size: cover;

        // 倒数跳转
        .time-box{
            position: absolute;
            top: 65px;
            right: 15px;
            width: 105px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 20px;
            background: #fff;
            font-size: 14px;
            color: #333;
            span{
                padding: 3px;
            }
        }
        
        //主体标语
        #slogan{
            position: absolute;
            bottom: 150px;
            left: 0;
            width: 100%;
            text-align: center;
            color: #fff;
            animation: move 1.5s forwards;
        }
    }
}

// 标语动画
@keyframes move{
    0%{
        opacity: 0;
        bottom: -10px;
    }
    50%{
        opacity: 0.5;
        bottom: 190px;
    }
    100%{
        opacity: 0.8;
        bottom: 150px;
    }
}
